<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			
			在js里面，执行代码的时候，是自上而下的执行,
			如果希望我们的js代码在head标签里面执行，那么我们都必须添加一个入口函数，记住是必须
		-->
		<script type="text/javascript">
			// window:表示窗口的意思
			// onload:表示加载js里面的函数
			// window.onload = function():表示js的入口函数
			window.onload = function() {
				// 获取到文本框标签
				var oTxt = document.getElementById("txt")
				// 获取到按钮
				var oBtn = document.getElementById("btn")
				// 表示给按钮，设置一个点击事件
				oBtn.onclick = function() {
					// 当我点击按钮的时候，就会调用函数里面的方法
					// 获取到文本框里面的内容
					var value = oTxt.value
					alert(value)
				}
			}
		</script>
	</head>

	<body>
		<input type="text" id="txt" value="哈哈" />
		<input type="button" id="btn" value="点击我" />

	</body>

</html>